<html>
    <head>
        <title>OSU Geometry Editor</title>
        <script src="http://maps.google.com/maps/api/js?sensor=false">
        </script>
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-2.2.1/adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-2.2.1/ext-all.js">
        </script>
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2.1/examples/shared/examples.css" />
        <!--<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>--><!--<script src="http://www.openlayers.org/api/2.9/OpenLayers.js"></script>-->
        <script src="http://openlayers.org/dev/OpenLayers.js">
        </script>
        <script type="text/javascript" src="../script/GeoExt.js">
        </script>
        <script type="text/javascript" src="loginform.js">
        </script>
        <script type="text/javascript" src="mappanel.js">
        </script>
        <script type="text/javascript" src="editform.js">
        </script>
        <script type="text/javascript" src="osueditor.js">
        </script>
        <style type="text/css">
        	.x-grid3-row-body li {
        		list-style: circle inside;
				text-indent: 3px;
				
        	}
            .login {
                position: absolute;
                right: 7px;
                top: 7px;
				color: white;
            }
            
            /* work around an Ext bug that makes the rendering
             of menu items not as one would expect */
            .ext-ie .x-menu-item-icon {
                left: -24px;
            }
            
            .ext-strict .x-menu-item-icon {
                left: 3px;
            }
            
            .ext-ie6 .x-menu-item-icon {
                left: -24px;
            }
            
            .ext-ie7 .x-menu-item-icon {
                left: -24px;
            }
            
            .olLayerGoogleCopyright {
                right: 3px;
                bottom: 2px;
                left: auto;
            }
            
            .olLayerGooglePoweredBy {
                left: 2px;
                bottom: 2px;
            }
            
            #header .api-title {
                color: white;
                font-family: tahoma, arial, sans-serif;
                font-size: 16px;
                font-size-adjust: none;
                font-stretch: normal;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                line-height: normal;
                margin: 5px;
            }
            
            #header {
                background: #1E4176 url(hd-bg.gif) repeat-x scroll 0 0;
                border: 0 none;
                padding-left: 3px;
                padding-top: 3px;
            }
        </style>
    </head>
    <body>
        <!--
        <h1>OpenLayers controls in an Ext toolbar</h1>
        <p>This example demonstrate how to create polygon and point using GeoExt</p>
        <h2>Click the Draw Impact Area and start drawing polyon</h2>
        <h2>Double click to finish drawing polygon</h2>
        <h2>Click Edit button and click the point or the polygon to start editing</h2>
        <div id="mappanel"></div>
        -->
        <div id="header">
            <div class="api-title">
                OSU Construction Impact Editor
            </div>
            <div class="top">
                <div class="login">
                    <span class="item nickname"><a style="color: white;" href="javascript:loginwin.show()" id='signin-text'>Sign in</a></span>
                    |<span class="item"><a style="color: white;" href="/_ah/login?continue=http%3A//localhost%3A8083/&amp;action=Logout">Sign out</a></span>
                </div>
                <div class="title">
                    <a href="/"><img alt="Google Wiki" src="/static/images/logo.png"></a>
                </div>
            </div>
        </div>
    </body>
</html>